<div class="navbar">
	<div class="navbar-inner">
		<div class="navbar-container">
			<!-- Navbar Barnd -->
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand">
					<small>
						<img src="<?=$tpl_dir?>assets/img/weilanlogo.png" alt="" />
					</small>
				</a>
			</div>
			<!-- /Navbar Barnd -->
			<!-- Sidebar Collapse -->
			<div class="sidebar-collapse" id="sidebar-collapse">
				<i class="collapse-icon fa fa-bars"></i>
			</div>
			<!-- /Sidebar Collapse -->
			<!-- Account Area and Settings --->
			<div class="navbar-header pull-right">
				<div class="navbar-account">
					<ul class="account-area">
						<li>
							<a class="login-area dropdown-toggle" data-toggle="dropdown" style="min-width: 160px;">
								<div class="avatar" title="View your public profile">
									<img src="<?=$tpl_dir?>assets/img/avatars/adam-jansen.jpg">
								</div>
								<section>
									<h2><span class="profile"><span><?=sess('name')?></span></span></h2>
								</section>
							</a>
							<!--Login Area Dropdown-->
							<ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
								<li class="username"><a><?=sess('name')?></a></li>
								<li class="email"><a><?=sess('email')?></a></li>
								<!--Avatar Area-->
								<li>
									<div class="avatar-area">
										<img src="<?=$tpl_dir?>assets/img/avatars/adam-jansen.jpg" class="avatar">
									</div>
								</li>
								<!--Avatar Area-->
								<li class="edit">
									<button class="btn btn-link pull-left" onclick="show_modal( 'modal', '<?=site_url( 'user/edit_info') . '/' . sess( 'id' );?>')">个人信息</button>
									<button class="btn btn-link pull-right" onclick="show_modal( 'modal', '<?=site_url( 'user/change_pwd');?>')">改密码</button>
								</li>
								<!--Theme Selector Area-->
								<li class="theme-area">
									<ul class="colorpicker" id="skin-changer">
										<li><a class="colorpick-btn" href="#" style="background-color:#5DB2FF;" rel="<?=$tpl_dir?>assets/css/skins/blue.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#2dc3e8;" rel="<?=$tpl_dir?>assets/css/skins/azure.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#03B3B2;" rel="<?=$tpl_dir?>assets/css/skins/teal.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#53a93f;" rel="<?=$tpl_dir?>assets/css/skins/green.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#FF8F32;" rel="<?=$tpl_dir?>assets/css/skins/orange.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#cc324b;" rel="<?=$tpl_dir?>assets/css/skins/pink.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#AC193D;" rel="<?=$tpl_dir?>assets/css/skins/darkred.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#8C0095;" rel="<?=$tpl_dir?>assets/css/skins/purple.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#0072C6;" rel="<?=$tpl_dir?>assets/css/skins/darkblue.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#585858;" rel="<?=$tpl_dir?>assets/css/skins/gray.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#474544;" rel="<?=$tpl_dir?>assets/css/skins/black.min.css"></a></li>
										<li><a class="colorpick-btn" href="#" style="background-color:#001940;" rel="<?=$tpl_dir?>assets/css/skins/deepblue.min.css"></a></li>
									</ul>
								</li>
								<!--/Theme Selector Area-->
								<li class="dropdown-footer">
									<a href="<?=site_url( 'login/logout')?>">
										注销退出
									</a>
								</li>
							</ul>
							<!--/Login Area Dropdown-->
						</li>
						<!-- /Account Area -->
						<!--Note: notice that setting div must start right after account area list.
						no space must be between these elements-->
						<!-- Settings -->
					</ul><div class="setting">
						<a id="btn-setting" title="Setting" href="#">
							<i class="icon glyphicon glyphicon-cog"></i>
						</a>
					</div><div class="setting-container">
						<label>
							<input type="checkbox" id="checkbox_fixednavbar">
							<span class="text">冻结顶部</span>
						</label>
						<label>
							<input type="checkbox" id="checkbox_fixedsidebar">
							<span class="text">冻结左栏</span>
						</label>
						<label>
							<input type="checkbox" id="checkbox_fixedbreadcrumbs">
							<span class="text">冻结位置栏</span>
						</label>
						<label>
							<input type="checkbox" id="checkbox_fixedheader">
							<span class="text">冻结标题栏</span>
						</label>
					</div>
					<!-- Settings -->
				</div>
			</div>
			<!-- /Account Area and Settings -->
		</div>
	</div>
</div>

